import React from "react";
import AnimationVisible from "../../../components/AnimationVisible";
const Screen3 = () => {
  return (
    <AnimationVisible>
      <div className="screen-item screen-item3 screen-introduce">
        <div className="screen-item-left" style={{ position: "relative" }}>
          <img
          className="zoomIn "
            style={{ position: "absolute", top: "10%", right: "30%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/1.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "10%", right: "10%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/2.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "20%", right: "10%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/3.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "40%", right: "70%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/4.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "50%", right: "10%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/5.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "50%", right: "20%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/6.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "30%", right: "30%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/7.png"
          />
          <img
           className="zoomIn animation-duration2"
            style={{ position: "absolute", top: "70%", right: "10%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/8.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "30%", right: "70%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/9.png"
          />
          <img
           className="zoomIn "
            style={{ position: "absolute", top: "10%", right: "60%" }}
            src="https://www.tec-do.com/static/home/images/v2/chcp/platform/10.png"
          />
        </div>
        <div className="screen-item-right">
          <div className="wrap">
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/icon/earth.png" />

            <div className="title fadeInUp">
              聚合全球流量
              <br />
              最大化出海效果
            </div>
            <ul className="list fadeInUp">
              <li>
                超过<span className="light"> 260万</span> 网红和垂媒资源遍布全球{" "}
                <span className="light">200多个</span> 国家和地区
              </li>
              <li>
                打造国内首家支持按渠道推广效果进行深度优化的广告主自主投放买量平台
              </li>
              <li>提供国内首个出海标准化全自动深度效果投放技术服务</li>
            </ul>
            <div className="btn fadeInUp">了解更多</div>
          </div>
        </div>
      </div>
    </AnimationVisible>
  );
};
export default Screen3;
